﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SignUp.aspx.cs" Inherits="FriendsNow.SignUp" StylesheetTheme="BlackGlass"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>FriendsNow!-SignUp</title>
<meta name="Description" content="FCT01 by SymiSun* is an open source XHTML 1.0 and CSS valid template, released under the creative commons license." />
<meta name="Keywords" content="symisun, symisun*, free css template, valid xhtml template, open source template, free xhtml template, ftc01, symisun 01" />
<link rel="stylesheet" media="screen" href="CSS/testStylesheet.css" />
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon" /><!-- custom favicon -->
<meta name="Author" content="SymiSun* - symisun.com" />
<meta name="Robots" content="index,follow" />
<meta http-equiv="imagetoolbar" content="no" /><!-- disable IE's image toolbar -->
    <style type="text/css">
        .style1
        {
            font-size: small;
            font-weight: bold;
        }
        .style2
        {
            font-size: x-large;
            font-family: "Courier New", Courier, monospace;
        }
    </style>
</head>

<body>
    <form id="form1" runat="server">
<div id="daddy">
	<div id="header">
		<div id="logo"><a href="Default.aspx"><img src="images/logo.gif" alt="Your Company Logo" width="318" height="85" /></a><span id="logo-text"><a href="Default.aspx">FriendsNow!</a></span></div><!-- logo -->
		<div id="menu">
			<ul>
				<li><a href="Default.aspx"id="active">Home</a></li>
				<li><a href="LoginIn.aspx">Login</a></li>
				<li><a href="SignUp.aspx">SignUp</a></li>
				<li><a href="ResetPassword.aspx">Reset</a></li>
			</ul>
		</div><!-- menu -->
		<div id="ticker">
			No Matter Where You Are, When You Are Here At <a href="Default.aspx">FriendsNow!</a> It Is Only Friends!
		</div><!-- ticker -->
		<div id="headerimage">
			<div id="download"><span id="download-text"><a href="Default.aspx">Back to<br />HOME</a></span></div><!-- download -->
			<div id="icons">
				<a href="Default.aspx"><img src="images/icon_home.gif" alt="Home" width="13" height="13" id="home" /></a>
				<a href="LoginIn.aspx"><img src="images/icon_sitemap.gif" alt="Login" width="13" height="13" id="sitemap" /></a>
				<a href="SignUp.aspx"><img src="images/icon_contact.gif" alt="SignUp" width="13" height="13" id="contact" /></a>			</div><!-- icons -->
			<div id="slogan">Just FriendsNow!</div>
		</div>
		<!-- headerimage -->
	</div>
	<!-- header -->
	<div id="content">
		<div id="cA">
			<div class="Ctopleft"></div>
			<h3>SEARCH FRIENDS</h3>
			<div id="search">
				<input type="text" class="search" /><input type="submit" class="submit" value="Submit" />
			</div><!-- search -->
			<p>&nbsp;</p>
			<h3>FrinedsNow! Amazes You Always!</h3>
			<p class="testimonial"><img src="images/friends/1.bmp" alt="FriendNow！" width="87" height="100" class="leflo" /><br /></p>
            <p class="testimonial">&nbsp;</p>
            <p class="testimonial">&nbsp;YOUR life changes here,just because of friends!<img src="images/friends/362570.jpg" alt="FriendNow！" width="87" height="100" class="leflo" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p>
            <p class="testimonial">&nbsp;</p>
            <p class="testimonial"><strong>FriendsNow! can always&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                beyond your imagination!</strong></p>
		</div><!-- cA -->
		<div id="cB">
			<div class="Ctopright"></div>
			<div id="cB1">
				<h3>SignUp</h3>
				<div class="news">
<p class="rightTxt1">Sign up with your personal infomation&nbsp; </p>
    <p class="rightTxt1">to share your photos, blogs and your happiness!</p>
<p class="rightTxt2">From now on, you have a new way to communicate with your old 
    friends far away.</p>
    <p class="rightTxt2">More important, you have a new way to find out new friends 
        anywhere in the world! </p>
				</div>
				<div class="news">
					<p>To Login In, Please fill out the form below with your ID and 
        Code.</p>
                    <p>To take the first step, please fill out the form below.</p>
				</div>
				<div class="news">
        
				<div class="news">
        
        <asp:Label ID="IDValidateLabel" runat="server" Text="The ID already exsits!" 
            CssClass="style1" Visible="False"></asp:Label>
                    <br />
                    <table align="center" class="style1">
        <tr>
            <td class="txtBox">
                ID:</td>
            <td class="style3">
                <asp:TextBox ID="IDTextBox" runat="server" CssClass="textboxEffect"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="IDRequiredFieldValidator" runat="server" 
                    ErrorMessage="ID Required" ControlToValidate="IDTextBox" 
                    CssClass="errortext"></asp:RequiredFieldValidator>
                <br />
            </td>
        </tr>
        <tr>
            <td class="txtBox">
                Name:</td>
            <td class="style3">
                <asp:TextBox ID="NameTextBox" runat="server" CssClass="textboxEffect"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="NameRequiredFieldValidator" runat="server" 
                    ErrorMessage="Name Required" ControlToValidate="NameTextBox" 
                    CssClass="errortext"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="txtBox">
                Sex:</td>
            <td class="style3">
                <asp:DropDownList ID="SexDropDownList" runat="server">
                    <asp:ListItem Selected="True">Male</asp:ListItem>
                    <asp:ListItem>Female</asp:ListItem>
                </asp:DropDownList>
            </td>
            <td>
                &nbsp;</td>
        </tr>
        <tr>
            <td class="style4">
                Code:</td>
            <td class="style3">
                <asp:TextBox ID="CodeTextBox" runat="server" CssClass="textboxEffect"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="CodeRequiredFieldValidator" runat="server" 
                    ErrorMessage="Code Required" CssClass="errortext" 
                    ControlToValidate="CodeTextBox"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                CodeConfirm:</td>
            <td class="style3">
                <asp:TextBox ID="CodeConfirmTextBox" runat="server" 
                    CssClass="textboxEffect"></asp:TextBox>
            </td>
            <td>
                <asp:CompareValidator ID="CodeConfirmCompareValidator" runat="server" 
                    ErrorMessage="The Code is not same!" ControlToCompare="CodeTextBox" 
                    ControlToValidate="CodeConfirmTextBox" CssClass="errortext"></asp:CompareValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                Email:</td>
            <td class="style3">
                <asp:TextBox ID="EmailTextBox" runat="server" CssClass="textboxEffect"></asp:TextBox>
            </td>
            <td>
                <asp:RegularExpressionValidator ID="EmailRegularExpressionValidator" runat="server" 
                    ErrorMessage="The Email is not valid!" ControlToValidate="EmailTextBox" 
                    CssClass="errortext" 
                    ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"></asp:RegularExpressionValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                Security Question:</td>
            <td class="style3">
                <asp:TextBox ID="SecurityQuestionTextBox" runat="server" 
                    CssClass="textboxEffect"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="SecurityQuestionRequiredFieldValidator" runat="server" 
                    ErrorMessage="Security Question Required" 
                    ControlToValidate="SecurityQuestionTextBox" CssClass="errortext"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td class="style4">
                Security Answer:</td>
            <td class="style3">
                <asp:TextBox ID="SecurityAnswerTextBox" runat="server" CssClass="textboxEffect"></asp:TextBox>
            </td>
            <td>
                <asp:RequiredFieldValidator ID="SecurityAnswerRequiredFieldValidator" runat="server" 
                    ErrorMessage="Security Answer Required" 
                    ControlToValidate="SecurityAnswerTextBox" CssClass="errortext"></asp:RequiredFieldValidator>
            </td>
        </tr>
        <tr>
            <td>
                &nbsp;</td>
        </tr>
        
    </table>
    <table class="style5">
        <tr>
            <td class="style6">
                <asp:Button ID="SubmitButton" runat="server" CssClass="dxbButton_BlackGlass" Height="37px" 
                    Text="SignUp" Width="137px" onclick="SubmitButton_Click" />
            </td>
            <td>
                <asp:Button ID="LogOutButton" runat="server" CssClass="dxbButton_BlackGlass" Height="37px" 
                    Text="Log Out" Width="137px" onclick="LogOutButton_Click" />
            </td>
        </tr>
    </table>
        
				</div>
        
				</div>
			</div><!-- cB1 -->
			<div id="cB2">
				<h3 class="style2">WHY FRIENDSNOW!</h3>
				<div class="about">
					<ul>
						<li class="style1">Still remember your old friends at kindergarten and primary school?</li>
					
					</ul>
                    <p>
                        &nbsp;</p>
                    <ul>
						<li class="style1">Still puzzled with how to broaden your life with just a certain circle?</li>
					
					</ul>
                    <p>
                        &nbsp;</p>
                    <ul>
						<li class="style1">Still boring with the life that you live?</li>
					
					</ul>
                    <p>
                        &nbsp;</p>
                    <ul>
						<li class="style1">Still tired with organize a party with few people around?</li>
					
					</ul>
				    <p>
                        &nbsp;</p>
				</div>
				<div id="newsletter"><span id="newsletter-title"><a href="Default.aspx">Newsletter</a></span> <p id="newsletter-text"><a href="Default.aspx">Click </a>
                    Here to keep contact with us<br />
                    by order a newsletter per month</p></div><!-- newsletter -->
			</div><!-- cB2 -->
		</div><!-- cB -->
		<div class="Cpad">
			<br class="clear" /><div class="Cbottomleft"></div><div class="Cbottom"></div><div class="Cbottomright"></div>
		</div><!-- Cpad -->
	</div><!-- content -->
	<div id="properspace"></div><!-- properspace -->
</div>
    <div id="footer">
	    <div id="foot">
		    <div id="foot1">&nbsp;-</div><!-- foot1 -->
		<div id="foot2">
			Copyright 2009, FriendsNow!. Designed by FriendsNow TEAM<a href="Default.aspx" title="We Broaden Your Life"><span class="star">*</span></a>
		</div><!-- foot1 -->
	</div><!-- foot -->
</div><!-- footer -->
    </form>
</body>
</html>

